﻿/*
@font-face
{
    font-family: "MuseoSlab500";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/Museo_Slab_500.eot?") format("☺"), local("Museo Slab 500"), local("MuseoSlab-500"), url("/fonts/Museo_Slab_500.woff") format("woff"), url("/fonts/Museo_Slab_500.otf") format("opentype");
}
@font-face
{
    font-family: "DejaVuSansMono";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/DejaVuSansMono-webfont.eot?") format("☺"), local("DejaVu Sans Mono"), local("DejaVuSansMono"), url("/fonts/DejaVuSansMono-webfont.woff") format("woff"), url("/fonts/DejaVuSansMono-webfont.ttf") format("truetype");
}
@font-face
{
    font-family: "DejaVuSansMono";
    font-style: normal;
    font-weight: bold;
    src: url("/fonts/DejaVuSansMono-Bold-webfont.eot?") format("☺"), local("DejaVu Sans Mono Bold"), local("DejaVuSansMono-Bold"), url("/fonts/DejaVuSansMono-Bold-webfont.woff") format("woff"), url("/fonts/DejaVuSansMono-Bold-webfont.ttf") format("truetype");
}
*/
.oli article, .oli aside, .oli details, .oli figcaption, .oli figure, .oli footer, .oli header, .oli hgroup, .oli menu, .oli nav, .oli section
{
    display: block;
}

.oli
{
    background: -moz-radial-gradient(50% 50.5%, circle farthest-corner, #f1f1f1 0%, #f1f1f1 90%, #dddddd 97%, #cccccc 98.5%, #aaaaaa 100%) repeat scroll 0 0 #f1f1f1;
    background-image: -webkit-radial-gradient(50% 50.5%, circle farthest-corner, #f1f1f1 0%, #f1f1f1 90%, #dddddd 97%, #cccccc 98.5%, #aaaaaa 100%) repeat scroll 0 0 #f1f1f1;
    color: #222222;
    margin: 0;
    padding: 0;
    margin: 0 auto;
    font: 1em/1.5 Georgia, "Times New Roman" , Times, serif;
}
.oli pre
{
    font: 1em/1.5 Georgia, "Times New Roman" , Times, serif;
}
.oli h1, .oli .branding h2
{
    border-left: 1px solid #DDDDDD;
    font-size: 2em;
    line-height: 1.5;
    margin: 0.75em 0 0.75em -0.75em;
    padding-left: 0.75em;
}
.oli h2
{
    font-size: 1.5em;
    line-height: 1.25;
    margin: 1.5833em 0 0.6667em;
}
.oli h1, .oli h2
{
    text-shadow: 0 1px 0 #FFFFFF;
}
.oli h3
{
    font-size: 1.25em;
    line-height: 1.2;
    margin: 1.8em 0 0.6em;
}
.oli h4
{
    font-size: 1.125em;
    line-height: 1.3333;
    margin: 2em 0 0.66667em;
}
.oli h5, .oli h6
{
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0;
}
.oli h5
{
    font-weight: bold;
}
.oli h1, .oli h2, .oli h3, .oli .museo
{
    font-family: MuseoSlab 500, "Helvetica Neue" , "Bitstream Vera Sans" , Arial, sans-serif;
    font-style: normal;
}
.oli h4, .oli h5, .oli h6, .oli dt
{
    font-family: "Helvetica Neue" , "Bitstream Vera Sans" , Arial, sans-serif;
}
.oli h1, .oli h2, .oli h3, .oli h4, .oli h6, .oli .in-page h2
{
    font-weight: normal;
}
.oli p, .oli ol, .oli ul, .oli dl, .oli pre, .oli figure, .oli footer
{
    margin: 1.5em 0;
}
.oli li p, .oli li ul, .oli li ol, .oli li dl, .oli .callout li ul, .oli .callout li ol, .oli .callout li dl, .oli dd ul, .oli dd ol, .oli dd dl, .oli blockquote p, .oli blockquote ol, .oli blockquote ul, .oli blockquote > blockquote, .oli blockquote > pre, .oli .callout p, .oli .sidenote p
{
    margin-bottom: 0;
    margin-top: 0;
}
.oli figure p
{
    margin-bottom: 0.75em;
    margin-top: 0.75em;
}
.oli li p + p, .oli figure p + p, .oli blockquote p + p, .oli .callout p + p, .oli .callout aside + p, .oli .sidenote p + p, .oli aside + p
{
    margin-top: 1.5em;
}
.oli header + *, .oli hgroup + *, .oli h2 + *, .oli h3 + *, .oli h4 + *, .oli h5 + *, .oli h6 + *, .oli header + div > *:first-child, .oli hgroup + div > *:first-child, .oli h2 + div > *:first-child, .oli h3 + div > *:first-child, .oli h4 + div > *:first-child, .oli h5 + div > *:first-child, .oli h6 + div > *:first-child, .oli header + aside + *, .oli hgroup + aside + *, .oli h2 + aside + *, .oli h3 + aside + *, .oli h4 + aside + *, .oli h5 + aside + *, .oli h6 + aside + *, .oli header + div > aside + *, .oli hgroup + div > aside + *, .oli h2 + div > aside + *, .oli h3 + div > aside + *, .oli h4 + div > aside + *, .oli h5 + div > aside + *, .oli h6 + div > aside + *
{
    margin-top: 0.5em;
}
.oli aside > h2:first-child
{
    margin-top: 0.8333em;
}
.oli aside > h3:first-child
{
    margin-top: 0.6em;
}
.oli article hgroup h1
{
    margin-bottom: 0.5em;
}
.oli article hgroup h2
{
    margin: 0.6667em 0 1.5em;
}
.oli li, .oli li section
{
    margin: 0;
    padding: 0;
}
.oli ol, .oli ul, .oli dl
{
    padding: 0;
}
.oli ul
{
    list-style-type: disc;
}
.oli ul ul
{
    list-style-type: circle;
}
.oli li
{
    margin: 0;
    padding: 0;
}
.oli dt
{
    font-weight: normal;
}
.oli li ul, .oli li ol, .oli li dl, .oli .callout li ul, .oli .callout li ol, .oli .callout li dl
{
    margin-left: 1.5em;
}
.oli pre
{
    white-space: pre;
}
.oli nav ol
{
    counter-reset: item;
    list-style-position: outside;
    list-style-type: none;
}
.oli nav ol > li:before
{
    content: counters(item, ".", decimal) ". ";
    counter-increment: item;
    margin-left: -1.5em;
    padding-right: 0.5em;
}
.oli pre, .oli code, .oli samp, .oli kbd, .oli var
{
    white-space: pre-wrap;
    word-wrap: break-word;
}
.oli code, .oli samp, .oli kbd, .oli var, .oli .pastels_on_dark
{
    font-family: "DejaVuSansMono" , Consolas, monospace;
}
.oli code, .oli samp, .oli kbd, .oli var
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 0.875em;
    line-height: 1.42857;
}
.oli code samp, .oli code kbd, .oli code var
{
    font-size: 1em;
    line-height: 1.5;
}
.oli kbd
{
    border: 1px solid #DDDDDD;
    padding: 1px 2px;
}
.oli a kbd
{
    -moz-transition: border-bottom-color 0.2s ease-in 0s;
}
.oli a:hover kbd, .oli a:active kbd, .oli a:focus kbd
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: transparent transparent #444444;
    border-style: solid;
    border-width: 1px;
}
.oli code b, .oli code strong, .oli code mark
{
    font-weight: bold;
}
.oli pre
{
    -moz-tab-size: 2;
    padding: 0.75em 1em;
}
.oli .pastels_on_dark
{
    -moz-tab-size: 2;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 1.5;
    padding: 0.75em 1em;
}
.oli strong code
{
    padding: 1px;
}
.oli thead code, .oli a code, .oli mark code
{
    background: none repeat scroll 0 0 transparent;
}
.oli thead code
{
    color: #FFFFFF;
}
.oli ins
{
    border-bottom: 1px dotted #47AD09;
    text-decoration: none;
}
.oli del
{
    color: #777777;
    text-decoration: line-through;
}
.oli figure
{
    position: relative;
}
.oli figure dt
{
    margin-top: 0.75em;
}
.oli figure dd
{
    margin-left: 0;
    padding-left: 0;
}
.oli figure img
{
    margin: 0.75em auto;
}
.oli figure blockquote
{
    margin: 1.5em 0 0.75em -1.5em;
}
.oli figure ul, .oli figure ol
{
    margin: 0.75em 0 0.75em 2em;
}
.oli figure li ul, .oli figure li ol
{
    margin: 0 0 0 1.5em;
}
.oli figcaption
{
    clear: left;
    font-style: italic;
    margin: 0 0 1.5em;
    text-align: center;
}
.oli figure figcaption:first-child
{
    margin: 1.5em 0 0;
}
.oli img
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    display: block;
    margin: 0;
    max-width: 97%;
    padding: 5px;
}
.oli img.wide
{
    max-width: none;
    width: auto;
}
.oli p img
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: inline;
    padding: 0 0.25em;
    vertical-align: middle;
}
.oli address + p
{
    margin-top: 0;
}
.oli sup
{
    line-height: 0;
}
.oli strong, .oli b, .oli figcaption em, .oli figcaption i, .oli caption em, .oli caption i
{
    font-weight: bold;
}
.oli em, .oli i
{
    font-style: italic;
}
.oli mark
{
    background: none repeat scroll 0 0 #F1C6DF;
    font-weight: normal;
    padding: 0 2px;
}
.oli small, .oli .small
{
    font-size: 0.875em;
}
.oli blockquote
{
    border-left: 0.5em solid #DDDDDD;
    margin-left: 500px;
}
.oli li blockquote
{
    margin-left: 10px;
}
.oli blockquote ol, .oli blockquote ul
{
    margin-left: 1.5em;
}
.oli blockquote footer
{
    margin-bottom: 0;
}
.oli blockquote blockquote, .oli .callout blockquote
{
    margin-left: 1.5em;
    margin-right: 0.75em;
}
.oli .note-block blockquote
{
    font-style: normal;
}
.oli q
{
    quotes: "“" "”" "‘" "’" "“" "”" "‘" "’";
}
.oli :lang(ja) > q
{
    quotes: "「" "」" "『" "』";
}
.oli q:before
{
    content: open-quote;
}
.oli q:after
{
    content: close-quote;
}
.oli q q:before
{
    content: open-quote;
}
.oli q q:after
{
    content: close-quote;
}
.oli q q q:before
{
    content: open-quote;
}
.oli q q q:after
{
    content: close-quote;
}
.oli blockquote q:before
{
    content: open-quote;
}
.oli blockquote q:after
{
    content: close-quote;
}
.oli blockquote q q:before
{
    content: open-quote;
}
.oli blockquote q q:after
{
    content: close-quote;
}
.oli blockquote:before
{
    color: #999999;
    content: "“";
    display: block;
    font: italic 4em/0.8125 Cochin, Georgia, "Times New Roman" , serif;
    height: 0;
    margin-left: -0.95em;
}
.oli table
{
    background: none repeat scroll 0 0 #444444;
    border-bottom: 1px solid #999999;
    border-collapse: collapse;
    border-radius: 8px 8px 0 0;
    margin: 1.5em auto;
}
.oli caption
{
    font-style: italic;
    text-align: center;
}
.oli tbody
{
    background-color: #FFFFFF;
}
.oli th, .oli td
{
    -moz-transition: background 0.2s linear 0s;
    padding: 0.41667em 0.4em 0.3333em;
    vertical-align: top;
}
.oli th
{
    background: none repeat scroll 0 0 #DDDDDD;
    border-top: 1px solid #999999;
    color: #444444;
    font-weight: normal;
    padding: 0.4em 0.2em 0.4em 0.4em;
    text-align: left;
}
.oli td
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    padding: 0.4em 0.2em 0.4em 0.8em;
}
.oli thead th
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    text-align: center;
}
.oli thead a, .oli article:hover thead a
{
    color: #EEEEEE;
}
.oli thead a:visited
{
    color: #DDDDDD;
}
.oli thead a, .oli thead a:visited
{
    background: none repeat scroll 0 0 transparent;
}
.oli thead a:hover, .oli article thead a:hover, .oli thead a:focus, .oli article thead a:focus
{
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    color: #222222;
}
.oli thead a:active, .oli article thead a:active
{
    color: #8B1109;
}
.oli tfoot
{
    border-top: 3px double #999999;
    font-weight: bold;
}
.oli tbody tr:hover th, .oli tbody tr:hover td
{
    background: none repeat scroll 0 0 #FFFFEE;
}
.oli tbody tr td:hover
{
    background: none repeat scroll 0 0 #F5F6D2;
}
.oli td ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
.oli td ul li
{
    margin: 0 0 0.5em 1.5em;
}
.oli td ul li img
{
    float: left;
    margin: 0.2em 0 0 -1.5em;
}
.oli fieldset
{
    border: 0 none;
    margin: 0;
    padding: 0;
}
.oli a
{
    background-color: #F9FDA2;
    border-bottom: 1px solid #DDDDDD;
    color: #222222;
    text-decoration: none;
}
.oli article:hover a
{
    -moz-transition: all 0.2s ease-in 0s;
    border-bottom: 1px solid #EEEEEE;
    color: #444444;
}
.oli a:visited
{
    background: none repeat scroll 0 0 rgba(249, 253, 162, 0.4);
    color: #222222;
}
.oli a:hover, .oli article a:hover, .oli a:focus, .oli article a:focus
{
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #444444;
    color: #222222;
}
.oli a:active, .oli article a:active
{
    color: #8B1109;
}
.oli a img
{
    border: medium none;
}
.oli .img-link, .oli article:hover .img-link
{
    background-color: transparent;
    border-bottom: medium none;
}
.oli .img-link img
{
    background-color: #F9FDA2;
    padding: 2px;
}
.oli .img-link:visited
{
    background-color: transparent;
    border-bottom: medium none;
}
.oli .img-link:visited img
{
    background-color: rgba(249, 253, 162, 0.4);
}
.oli .img-link:hover, .oli .img-link:focus
{
    -moz-transition: all 0.3s ease-in 0s;
    background-color: transparent;
    border-bottom: medium none;
}
.oli .img-link:hover img, .oli .img-link:focus img
{
    background-color: #F5F5F5;
    outline: 1px solid #999999;
}
.oli .img-link:active img
{
    outline: 1px solid #8B1109;
}
.oli h2 mark, .oli h3 mark, .oli h4 mark, .oli h5 mark, .oli h6 mark
{
    -moz-transition: all 0.25s ease-in 0s;
    font-size: 0.8333em;
    line-height: 1;
    opacity: 0;
    padding-left: 0.5em;
}
.oli h2:hover mark, .oli h3:hover mark, .oli h4:hover mark, .oli h5:hover mark, .oli h6:hover mark
{
    opacity: 1;
}
.oli mark a
{
    color: #8B1109;
}
.oli h2 .permalink, .oli h3 .permalink, .oli h4 .permalink, .oli h5 .permalink, .oli h6 .permalink
{
    -moz-transition: all 0.25s ease-in 0s;
    font-size: 0.8333em;
    line-height: 1;
    opacity: 0;
    padding: 0 0.25em;
}
.oli h2:hover .permalink, .oli h3:hover .permalink, .oli h4:hover .permalink, .oli h5:hover .permalink, .oli h6:hover .permalink, .oli .permalink:focus
{
    opacity: 1;
}
.oli .column
{
    -moz-column-count: 2;
}
.oli .columns
{
    -moz-column-count: 3;
}
.oli .column, .oli .column ol, .oli .column ul, .oli .columns, .oli .columns ol, .oli .columns ul
{
    list-style-position: inside;
}
.oli .branding
{
    margin-top: 3em;
    position: relative;
}
.oli .branding h1, .oli .branding h2
{
    border: 0 none;
    line-height: 2.25;
    padding: 0 0 0.75em;
}
.oli .branding h1
{
    float: left;
    font-size: 32px;
    margin: -28px 0 0 -33%;
    position: relative;
    text-align: right;
    white-space: nowrap;
    width: 27%;
}
.oli .branding h1 a
{
    position: absolute;
    right: 2px;
    top: 28px;
}
.oli .branding h1 a, .oli .branding h1 a:hover, .oli .branding h1 a:focus
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}
.oli .branding img
{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: inline;
}
.oli .branding a img
{
    padding: 0 8px;
    vertical-align: -20px;
}
.oli .branding .logo-rays
{
    -moz-transform: scale(0.7);
    -moz-transform-origin: 50% 100%;
    -moz-transition: all 0.3s ease-in 0s;
    border-bottom: 1px solid #DDDDDD;
    opacity: 0.6;
    padding: 0 0 3px 5px;
}
.oli .branding:hover .logo-rays
{
    -moz-transform: scale(1);
    border-bottom: 1px solid #444444;
    opacity: 1;
}
.oli article header, .oli .recent-articles li
{
    position: relative;
}
.oli .branding h2
{
    margin: 0;
}
.oli .page-home .branding h1
{
    float: none;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: center;
    width: auto;
}
.oli .page-home .branding h1 a
{
    left: 0;
    position: absolute;
    top: 28px;
}
.oli .page-home .branding h2
{
    font: italic 1em/1.5 Cochin, Georgia, "Times New Roman" , serif;
    text-align: center;
}
.oli .semantic-list
{
    list-style-type: none;
}
.oli .page-home .semantic-list
{
    margin-top: 3em;
}
.oli .featured-article footer
{
    margin-top: 1.5em;
}
.oli .recent-articles h1
{
    margin-top: 3em;
}
.oli #page-footer
{
    color: #444444;
    font-family: Cochin, Georgia, "Times New Roman" , serif;
    font-style: italic;
    margin: 4.5em 0 3em;
    text-align: center;
}
.oli #page-footer a
{
    background: none repeat scroll 0 0 rgba(249, 253, 162, 0.4);
    color: #444444;
}
.oli .left
{
    float: left;
}
.oli .right
{
    float: right;
}
.oli .half
{
    width: 45%;
}
.oli .right.half
{
    border-left: 1px solid #999999;
    margin-left: 1.5em;
}
.oli .aside.img
{
    clear: both;
    float: right;
}
.oli .right.img
{
    margin-left: 1em;
}
.oli #changes ol
{
    list-style-type: none;
}
.oli .warning
{
    color: #C11100;
}
.oli .warning-bg
{
    background-color: rgba(193, 17, 0, 0.2);
}
.oli .highlight-bg
{
    background-color: rgba(212, 175, 55, 0.2);
}
.oli .good-bg
{
    background-color: rgba(71, 173, 9, 0.2);
}
.oli .warning-bg code, .oli .highlight-bg code, .oli .good-bg code
{
    background-color: transparent;
}
.oli .indent
{
    margin-left: 1.5em;
}
.oli .amp, .oli abbr[title="and"]
{
    font-family: Cochin, Baskerville, Palatino, "Book Antiqua" , serif;
    font-style: italic;
}
.oli .sharing
{
    margin-top: 1.5em;
}
.oli .sharing.sidenote
{
    margin-top: 0.2143em;
}
.oli .dl-inline
{
    position: relative;
}
.oli .dl-inline dt, .oli .dl-inline dd
{
    float: left;
}
.oli .dl-inline dt
{
    clear: left;
    font-weight: bold;
    width: 20%;
}
.oli .dl-inline dd
{
    margin: 0;
    padding: 0;
    width: 79%;
}
.oli .dl-inline .dl-inline dt
{
    margin-left: 4%;
    width: 25%;
}
.oli .dl-inline .dl-inline dd
{
    width: 70%;
}
.oli .in-page
{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: right;
    margin: 0 0 0 1.5em;
    padding: 0.375em 0.375em 0.375em 2em;
    width: 40%;
}
.oli #article-nav
{
    margin: 0 0 0 1.5em;
}
.oli .in-page ol
{
    margin: 0.75em 0;
}
.oli .in-page h2
{
    font-size: 1em;
    font-style: normal;
    margin: 0 0 0.75em;
}
.oli .in-page li
{
    font-size: 0.875em;
    line-height: 1.42857;
}
.oli .changed
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px dotted #47AD09;
    padding: 2px 1px;
}
.oli blockquote, .oli .callout
{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 1.5em 1em 1.5em 2.5em;
    padding: 0.75em 0.5em 0.75em 1em;
}
.oli .column, .oli .columns
{
    border-left: 0.5em solid transparent;
    margin: 1.5em 0 1.5em -1.5em;
    padding: 0.75em 0.5em 0.75em 1em;
}
.oli .callout
{
    border-left: 0.5em solid #FFFFFF;
}
.oli .callout .callout
{
    margin-left: 0;
}
.oli .callout h2:first-child, .oli blockquote h2:first-child
{
    margin: 0 0 1em;
}
.oli .callout h3:first-child, .oli blockquote h3:first-child
{
    margin: 0 0 1.2em;
}
.oli .callout h4:first-child, .oli blockquote h4:first-child
{
    margin: 0 0 1.3333em;
}
.oli .callout h5:first-child, .oli .callout h6:first-child, .oli blockquote h5:first-child, .oli blockquote h6:first-child
{
    margin: 0 0 1.5em;
}
.oli .callout ol, .oli .callout ul, .oli .column ol, .oli .column ul, .oli .columns ol, .oli .columns ul
{
    margin: 0.75em 0 0.75em 1.5em;
}
.oli .callout a:hover, .oli .callout a:focus
{
    background: none repeat scroll 0 0 #FFFFFF;
}
.oli .changed-block
{
    border-left: 0.5em solid #47AD09;
}
.oli .highlight-block
{
    border-left: 0.5em solid #D4AF37;
}
.oli .note-block
{
    background: none repeat scroll 0 0 rgba(232, 133, 124, 0.15);
    border-left: 0.5em solid #D8928C;
    font-style: italic;
}
.oli .warning-block
{
    border-left: 0.5em solid #C11100;
}
.oli .browser-support td code
{
    color: #555555;
    font-size: 0.75em;
}
.oli .browser-support .warning code
{
    color: #555555;
}
.oli .browser-support.wide tbody th
{
    width: 30%;
}
.oli .key
{
    font-style: italic;
    margin-bottom: 2.25em;
    margin-top: -0.75em;
}
.oli table, .oli blockquote, .oli .callout, .oli .pastels_on_dark
{
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
.oli article img
{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

}
.oli p img, .oli .clean, .oli .cleaner, .oli .clean-img img
{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.oli .cleaner
{
    border: 0 none;
    padding: 0;
}
.oli .wide
{
    width: 99%;
}
.oli .wider
{
    width: 130%;
}
.oli .widest
{
    margin-left: -30%;
    width: 160%;
}
.oli .sidenote
{
    float: right;
    font-size: 0.875em;
    line-height: 1.42857;
    margin: 0.2143em -33% 0 0;
    width: 29%;
}
.oli .callout p + aside
{
    margin-top: 1.92857em;
}
.oli .vendor-prefix
{
    float: right;
    margin-left: 0.75em;
    margin-right: -33%;
}
.oli .tumblr
{
    color: #999999;
    font-size: 0.875em;
    font-style: italic;
    line-height: 1.42857;
    margin: 0 -33% 0 0;
    padding: 1.42857em 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 29%;
}
.oli #changes time
{
    border-right: 1px solid #47AD09;
    color: #999999;
    float: left;
    margin: 0 0 0 -33%;
    outline: 1px solid #F2F2F2;
    padding-right: 0.5em;
    text-align: right;
    width: 29%;
}
.oli .meta
{
    color: #999999;
    font-size: 0.875em;
    left: 0;
    line-height: 1.42857;
    margin: 0 0 0 -33%;
    padding: 1.42857em 0 0.57143em;
    position: absolute;
    text-align: right;
    top: 0;
    width: 27%;
}
.oli .relative
{
    position: relative;
}
.oli .meta a, .oli .meta a:visited
{
    background-color: transparent;
    color: #999999;
}
.oli article:hover .meta a
{
    color: #999999;
}
.oli .recent-articles .meta, .oli .page-home .meta
{
    padding: 0.42857em 0 0;
}
.oli .recent-articles h1
{
    border: 0 none;
}
.oli .recent-articles h2, .oli .page-home .semantic-list h2
{
    border-left: 1px solid #DDDDDD;
    margin-left: -1em;
    padding-left: 1em;
}
.oli body .xhtml, .oli body.html .xhtml, .oli body.xhtml .html
{
    display: none;
}
.oli body.xhtml .xhtml
{
    display: inherit;
}
.oli .script li
{
    margin-left: 4em;
    text-indent: -4em;
}
.oli .script b
{
    font-weight: normal;
    text-transform: uppercase;
}
.oli .script .action
{
    font-style: italic;
    font-weight: bold;
    margin: 0.75em 0;
    text-align: center;
    text-indent: 0;
}
.oli .script .voiceover
{
    font-style: italic;
}
.oli .side-by-side
{
    margin-top: 1em;
    min-width: 542px;
    overflow: auto;
    padding: 6px;
}
.oli .side-by-side .left
{
    margin-top: 0;
}
.oli #charset-warning-reqs .col1
{
    width: 30%;
}
.oli #testing-results .col1, .oli #testing-results .col2
{
    width: 33%;
}
.oli #charset-warning-reqs img, .oli #testing-results img
{
    border: 0 none;
    padding: 0;
}
.oli #testing-results tbody th
{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
.oli #testing-results tbody tr:hover th, .oli #testing-results tbody tr:hover td
{
    background: none repeat scroll 0 0 #FFFFEE;
}
.oli #testing-results td
{
    border-left: 0 none;
}
.oli .group:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.oli * html .group
{
    height: 1%;
}
.oli :first-child + html .group
{
    min-height: 1px;
}
.oli .pastels_on_dark .HtmlDocinfoDtd, .oli .pastels_on_dark .ClassInheritance, .oli .pastels_on_dark .Section, .oli .pastels_on_dark .FunctionArgumentVariable
{
    font-style: italic;
}
.oli .pastels_on_dark .ClassName, .oli .pastels_on_dark .EmbeddedCode
{
    text-decoration: underline;
}
.oli .pastels_on_dark .Exceptions, .oli .pastels_on_dark .PhpConstantsCorePredefined, .oli .pastels_on_dark .FunctionArgumentName, .oli .pastels_on_dark .CssSelectorsElements, .oli .pastels_on_dark .ControlStructures, .oli .pastels_on_dark .PreprocessorDirective, .oli .pastels_on_dark .FunctionName, .oli .pastels_on_dark .PhpConstantsStandardPredefined, .oli .pastels_on_dark .LanguageConstants, .oli .pastels_on_dark .Invalid
{
    font-weight: bold;
}
.oli .pastels_on_dark .CssInvalidComma, .oli .pastels_on_dark .line-numbers
{
    color: #FFFFFF;
}
.oli .pastels_on_dark .CssPropertyColours, .oli .pastels_on_dark .CssFontNames
{
    color: #666633;
}
.oli .pastels_on_dark .CssPropertyValue
{
    color: #9B2E4D;
}
.oli .pastels_on_dark .Exceptions, .oli .pastels_on_dark .PhpIncludeRequire
{
    color: #C82255;
}
.oli .pastels_on_dark .CssInvalidComma, .oli .pastels_on_dark .Invalid
{
    background-color: #FF0000;
}
.oli .pastels_on_dark .HtmlTag, .oli .pastels_on_dark .TagName
{
    color: #858EF4;
}
.oli .pastels_on_dark .Constants
{
    color: #6782D3;
}
.oli .pastels_on_dark .PhpPhpdocs
{
    color: #777777;
}
.oli .pastels_on_dark .Variables
{
    color: #C1C144;
}
.oli .pastels_on_dark .RegularExpressions
{
    color: #666666;
}
.oli .pastels_on_dark .Comments, .oli .pastels_on_dark .CommentsBlock
{
    color: #555555;
}
.oli .pastels_on_dark .PhpVariablesGlobals
{
    color: #B72E1D;
}
.oli .pastels_on_dark .PhpConstantsCorePredefined
{
    color: #DE8E20;
}
.oli .pastels_on_dark .HtmlDoctype
{
    color: #888888;
}
.oli .pastels_on_dark .HtmlDocinfoXml
{
    color: #68685B;
}
.oli .pastels_on_dark .AttributeName, .oli .pastels_on_dark .HtmlAttribute, .oli .pastels_on_dark .AttributeWithValue
{
    color: #9B456F;
}
.oli .pastels_on_dark .FunctionResult, .oli .pastels_on_dark .FunctionArgumentType
{
    color: #0000FF;
}
.oli .pastels_on_dark .TmlangdefKeys
{
    color: #7171F3;
}
.oli .pastels_on_dark .CssSelectorsElements
{
    color: #B8CD06;
}
.oli .pastels_on_dark .CssSelectorsId
{
    color: #EC9E00;
}
.oli .pastels_on_dark .ControlStructures, .oli .pastels_on_dark .PhpKeywordsStorage, .oli .pastels_on_dark .CssUnits
{
    color: #6969FA;
}
.oli .pastels_on_dark .Interpolation
{
    color: #C10006;
}
.oli .pastels_on_dark .CssSelectorsPseudoclass
{
    color: #2E759C;
}
.oli .pastels_on_dark .Operators
{
    color: #47B8D6;
}
.oli .pastels_on_dark .PhpVariablesSaferGlobals
{
    color: #00FF00;
}
.oli .pastels_on_dark .InvalidTrailingWhitespace
{
    background-color: #FFD0D0;
}
.oli .pastels_on_dark .Functions, .oli .pastels_on_dark .Keywords
{
    color: #A1A1FF;
}
.oli .pastels_on_dark
{
    background-color: #211E1E;
    color: #DADADA;
}
.oli .pastels_on_dark .CssSelectorsClassname
{
    color: #EDCA06;
}
.oli .pastels_on_dark .PhpStringsSingleQuoted
{
    color: #BFA36D;
}
.oli .pastels_on_dark .PhpConstantsStandardPredefined
{
    color: #DE8E10;
}
.oli .pastels_on_dark .HtmlServersideIncludes
{
    color: #909090;
}
.oli .pastels_on_dark .CssPropertyKeyword
{
    color: #E1C96B;
}
.oli .pastels_on_dark .LanguageConstants
{
    color: #DE8E30;
}
.oli .pastels_on_dark .CharacterConstants
{
    color: #AFA472;
}
.oli .pastels_on_dark .Invalid
{
    color: #FFF9F9;
}
.oli .pastels_on_dark .Strings, .oli .pastels_on_dark .PhpStringsDoubleQuoted
{
    color: #AD9361;
}
.oli .pastels_on_dark .PreprocessorLine
{
    color: #2F006E;
}
.oli .pastels_on_dark .Numbers
{
    color: #CCCCCC;
}

.oli ul, .oli ol
{
    font-size: 1em;
    margin-bottom: 24px;
}
.oli #content ul, .oli #content ol
{
    padding: 0 0 0 60px;
}
.oli ul
{
    list-style: square none outside ;
}
.oli ol
{
    list-style: lower-roman none outside;
}
.oli li
{
    line-height: 1.5em;
}
.oli ul ul, .oli ul ol, .oli ol ol, .oli ol ul
{
    margin: 0;
}
.oli dl
{
    line-height: 1.5em;
    margin-bottom: 24px;
}
.oli dt
{
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
}
.oli dt:after
{
    content: ":";
}
.oli dd
{
    margin-left: 60px;
}